<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="referrer" content="no-referrer" />
  <title>Document</title>
  <link rel="stylesheet" href="/css/details.css">
</head>

<body>
  <div class="wrap">
    <header></header>

    <main>
      <div class="nav">
 
      </div>
      <script type="text/html" id="nav-template">
        <a href="/">首页</a>
        <span>></span>
        <a href="">{{name}}</a>
        <span>></span>
        <a href="">{{bookName}}</a>
      </script>

      <div class="book">
        
      </div>
      <script type="text/html" id="book-template">
        <div class="book-middleImg">
          <span>
            <img src={{img}} alt="" referrer="no-referrer|origin|unsafe-url">
          </span>
        <div class="moveBox"></div>
        </div>
        <div class="book-bigImg">
          <img src={{img}} alt="" referrer="no-referrer|origin|unsafe-url">
        </div>
        <div class="book-message">
          <div class="title">
            <span class="name">{{bookName}}</span>
            <a href="/people/21473082" target="_blank" class="author">{{authorName}}</a>
            <span class="write">著</span>
          </div>

          <div class="tags">
            <a href="/books?finish=true">
              <span class="isfinish">完结</span>
            </a>
            <a href="/books?free=false">
              <span class="isfinish">签约</span>
            </a>
            <a href="/books?free=false">
              <span class="isfinish">VIP</span>
            </a>
            <a>
              <span class="">{{laber}}</span>
              <span class="">爽文</span>
            </a>
            <!---->
          </div>

          <div class="hits">
            <i></i>
            <span>{{words}}字</span>
            <i></i>
            <span>总点击 {{words1}}</span>
            <i></i>
            <span>推荐票 {{words2}}</span>
          </div>

          <p class="brief_text">{{content}}</p>

          <div class="btns">
            <a href="/chapter/105148/3377232" target="_blank" class="free on">免费试读</a>
            <a href="javascript:;" class="addshelf">加入书架</a>
            <a href="javascript:;" class="interaction">粉丝互动</a>
          </div>
        </div>
      </script>


      <div class="book-content">
        <div class="header">
          <a href="#">
            <span class="on">作品简介</span>
          </a>
          <a href="#" class="mulu">
          </a>
          <a href="#">
            <span>书友评论</span>
          </a>
        </div>
        <script type="html/text" id="mulu-template">
          <span>目录({{chapterCount}}章)</span>
        </script>

        <div class="tabcontent">
          <div class="description">
            <div class="column_left">
              <div>
                <div class="summary">
                  
                </div>
                <script type="html/text" id="summary-template">
                  <pre>{{content}}  </pre>
                  <p>
                    <a href="#">{{authorName}}说</a>
                    {{authorSay}}
                  </p>
                </script>

                <div class="newchapter">
                  
                </div>
                <script type="html/text" id="newchapter-template">
                  <div class="title">
                    <span class="chaptername">最新章节：
                      <a href="#">
                        <img src="/images/vip.gif" alt="">{{lastChapterName}}
                      </a>
                    </span>
                    <span class="chaptertime">
                      更新时间:{{lastChapterTime}}
                    </span>
                  </div>
                  <p>
                    <a href="#">
                      {{lastChapterContent}}
                    </a>
                  </p>
                </script>
              </div>
            </div>
            <div class="column_right">
              <div>
                <div class="author">
                  <div class="medalbox">
                    
                  </div>
                  <script type="text/html" id="medalbox-template">
                    <div class="clearfixer">
                      <a href="/people/21473082" target="_blank" class="avatar">
                        <img src={{authorPic}} referrer="no-referrer|origin|unsafe-url">
                      </a>
                      <div class="name">
                        <a href="/people/21473082" target="_blank" class="text">{{authorName}}</a>
                        <span class="sign">签约作家</span>
                      </div>
                    </div>
                  </script>

                  <div class="line1"></div>

                  <div class="data">
                    <!--  -->
                  </div>
                  <script type="text/html" id="data-template">
                    <div class="allwork">
                      <p>作品总数</p>
                      <span class="ui_color">{{bookNum}}</span>
                    </div>
                    <div class="allchar">
                      <p>累计字数</p>
                      <span class="ui_color">{{words}}</span>
                    </div>
                    <div class="allday">
                      <p>驻站天数</p>
                      <span class="ui_color">{{dayCount}}</span>
                    </div>
                  </script>

                  <div class="line1"></div>

                  <div class="allbook">
                    <div class="title">
                      <div class="text">全部作品</div>
                      <!---->
                    </div>

                    <div class="allbook_content">
                      <div class="el-carousel">
                        <div class="el-carousel__container">
                          
                        </div>
                        <script type="text/html" id="el-carousel__container-template">
                          {{each books item}}
                            <div class="el-carousel__item" >
                              <a href="/book/105148" target="_blank" class="oneBook">
                                <img src={{item.bookPic}}>
                                <span>{{item.bookName}}</span>
                              </a>
                            </div>
                          {{/each}}
                        </script>

                      </div>
                    </div>
                    
                  </div>

                </div>
              </div>
            </div>
          </div>

          <div class="catalogue"></div>
        </div>
      </div>
    </main>



    <footer></footer>
  </div>

  <script src="/libs/require/require-min.js" data-main="/js/details.js"></script>
</body>

</html>